<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="icon" href="../../assets/img/icons/foundation-favicon.ico" type="image/x-icon">
  <meta name="viewport" content="width=device-width">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation-emails/2.2.1/foundation-emails.min.css" rel="stylesheet">
  <title>My Welcome Template Email Template Subject</title>
</head>

<body>
  <span class="preheader"></span>
  <table class="body">
    <tr>
      <td align="center" class="center" valign="top">
        <center data-parsed="">
          <style class="float-center" type="text/css">
            body,
            html,
            .body {
              background: #f3f3f3 !important;
            }

            .container.header {
              background: #f3f3f3;
            }

            .body-border {
              border-top: 8px solid #663399;
            }
          </style>
          <table class="spacer float-center">
            <tbody>
              <tr>
                <td height="16px" style="font-size:16px;line-height:16px;">&#xA0;</td>
              </tr>
            </tbody>
          </table>
          <table align="center" class="container header float-center">
            <tbody>
              <tr>
                <td>
                  <table class="row">
                    <tbody>
                      <tr>
                        <th class="small-12 large-12 columns first last">
                          <table>
                            <tr>
                              <th>
                                <h1 class="text-center">Welcome to Kraken Academy</h1>
                                <center data-parsed="">
                                  <table align="center" class="menu text-center float-center">
                                    <tr>
                                      <td>
                                        <table>
                                          <tr>
                                            <th class="menu-item float-center">
                                              <a href="#">About</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">Course List</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">Campus Map</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">Contact</a>
                                            </th>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </center>
                              </th>
                              <th class="expander"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
          <table align="center" class="container body-border float-center">
            <tbody>
              <tr>
                <td>
                  <table class="row">
                    <tbody>
                      <tr>
                        <th class="small-12 large-12 columns first last">
                          <table>
                            <tr>
                              <th>
                                <table class="spacer">
                                  <tbody>
                                    <tr>
                                      <td height="32px" style="font-size:32px;line-height:32px;">&#xA0;</td>
                                    </tr>
                                  </tbody>
                                </table>
                                <center data-parsed="">
                                  <img align="center" class="float-center" src="https://placehold.it/200x200">
                                </center>
                                <table class="spacer">
                                  <tbody>
                                    <tr>
                                      <td height="16px" style="font-size:16px;line-height:16px;">&#xA0;</td>
                                    </tr>
                                  </tbody>
                                </table>
                                <h4>An exciting future of terrorizing sailors awaits you at Kraken Academy.</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque culpa vel architecto, perspiciatis
                                  eius cum autem quidem, sunt consequuntur, impedit dolor vitae illum nobis sint nihil aliquid?
                                  Assumenda, amet, officia.</p>
                                <center data-parsed="">
                                  <table align="center" class="menu float-center">
                                    <tr>
                                      <td>
                                        <table>
                                          <tr>
                                            <th class="menu-item float-center">
                                              <a href="#">krakenacademy.com</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">Facebook</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">Twitter</a>
                                            </th>
                                            <th class="menu-item float-center">
                                              <a href="#">(408)-555-0123</a>
                                            </th>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </center>
                              </th>
                              <th class="expander"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>
                  <table class="spacer">
                    <tbody>
                      <tr>
                        <td height="16px" style="font-size:16px;line-height:16px;">&#xA0;</td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </center>
      </td>
    </tr>
  </table>

  <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>
</body>

</html>